.box {
    header {
        i {
            float: left;
            margin-left: .4rem;
            font-size: .533333rem;
        }

    }

    main {
        flex: 1;
        background-color: #f6f6f6;
        overflow-x: hidden;
        .top {
            height: 5.866667rem;
            padding-left: .4rem;
            padding-right: .4rem;
            padding-top: .32rem;
            background-color: #345f8a;
            position: relative;

            .topLf {
                float: left;
                height: 4.066667rem;

                // margin-bottom: .36rem;
                img {
                    width: 2.986667rem;
                    height: 4.026667rem;
                }
            }

            .topright {
                float: left;
                height: 4.066667rem;
                margin-left: .36rem;

                h4 {
                    line-height: .8rem;
                    font-size: .453333rem;
                    color: #FFF;
                }

                i {
                    line-height: .8rem;
                    font-size: .426667rem;
                    color: #c9d158;
                }

                p {
                    line-height: .533333rem;
                    color: #91acc9;
                    font-size: .24rem;
                }
            }

            .topbottom {
                padding-right: .4rem;
                position: absolute;
                bottom: .266667rem;
                width: 100%;
                display: flex;
                button {
                    flex: 1;
                    width: 4.4rem;
                    height: .773333rem;
                    border-radius: .133333rem;
                    background-color: #79949f;
                    margin-right: .266667rem;
                }
            }
        }

        .toptwo {
            background-color: #fff;
            padding-left: .4rem;
            padding-right: .4rem;
            // height: 2.933333rem;
            height: 4rem;
            overflow: hidden;
            position: relative;
            margin-bottom: .266667rem;
            padding-bottom:.266667rem;
            p {
                font-size: .426667rem;
                line-height: .666667rem;
            }

            i {
                display: inline-block;
                border: .133333rem, solid;
                border-color: #8198a6 transparent transparent transparent;
                position: absolute;
                bottom: 0px;
                left: 50%;
                transform: translateX(-50%);
            }
        }

        .actor {
            overflow-x: scroll; 
            // overflow: scroll;
            height: 4.84rem;
            padding-left: .4rem;
            padding-right: .4rem;
            background-color: #fff;
            margin-bottom: .266667rem;

            h3 {
                line-height: 1.066667rem;
                font-size: .426667rem;
            }

            ul {
                display: flex;

                li {
                    flex: none;
                    width: 1.866667rem;
                    text-align: center;
                    margin-right: .2rem;

                    img {
                        width: 100%;
                        height: 2.4rem;
                        margin-bottom: .266667rem;
                    }

                    h5 {
                        font-size: .293333rem;
                        width: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                    p {
                        font-size: .293333rem;
                        color: #909090;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                }
            }
        }

        .video {
            height: 3.933333rem;
            background-color: #fff;
            padding-left: .4rem;
            padding-right: .4rem;
            margin-bottom: .266667rem;


            h4 {
                line-height: 1.133333rem;
                font-size: .426667rem;

                span {
                    float: right;
                    font-size: .266667rem;
                    color: #ccc;
                }

                i {
                    float: right;
                    font-size: .266667rem;
                    color: #ccc;

                }
            }

            ul {
                display: flex;
                overflow: scroll;

                img {
                    flex: none;
                    width: 4rem;
                    height: 2.533333rem;
                    margin-left: .133333rem;
                }
            }
        }

        .review {
            background-color: #fff;
            padding-left: .4rem;
            padding-right: .4rem;
            margin-bottom: .266667rem;

            h5{
                line-height: 1.133333rem;
                font-size: .426667rem;
                border-bottom: .013333rem solid #e7e7e7;
                i{
                    float: right;
                    margin-top:.2rem;
                    width: 1.6rem;
                    height: .666667rem;
                    border: .013333rem solid;
                    border-radius: .4rem;
                    text-align: center;
                    line-height: .666667rem;
                    font-size: .32rem;
                    color:#ca4a57;
                }
            }

            ul{
                display: flex;
                flex-flow: column;
                li{
                    flex: none;
                    
                }
            }
        }
    }
}